<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
		<title>重置密码</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<style type="text/css">
			.aui-bar-nav .aui-pull-left {
				padding: 0 0.25rem;
			}
			.aui-btn-block {
				height: 2.2rem;
				line-height: 2.2rem;
				color: #FFFFFF;
				/*background: linear-gradient(-152deg, #ff00ff, #9b00ff);*/
				/*background: linear-gradient(270deg, #ff00ff, #9471da);*/
				/*background: linear-gradient(270deg, #ee02fd, #9972e6);*/
				background:linear-gradient(135deg,rgba(132,229,255,1) 0%,rgba(107,180,255,1) 100%,rgba(122,174,229,1) 100%);

			}
			.btn {
				margin: 2.5rem 0.5rem 0rem 0.5rem;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak="">
			<div id="aui-header" class="ming-bg-blue">
				<header class="aui-bar aui-bar-nav ming-bg-blue aui-border-b">
					<a class="aui-pull-left" tapmode onclick="close_win()">
						<img class="btn-img-back" src="../../image/btn/btn-back.png" />
					</a>
					<div class="aui-title">
						<div class="aui-text-linear">
							取消绑定
						</div>
					</div>
				</header>
			</div>
			<div class="content ming-bg-white">
				<div class="aui-text-center" style="padding-top: 1.8rem;">
					<img src="../../image/icon/icon-success.png" style="display: inline-block;width: 2.3rem;">
				</div>
				<div class="aui-font-size-15 aui-text-center" style="padding: 1rem;">
					<div>已绑定{{name}}账户</div>
					<div>{{nickname}}</div>
				</div>
			</div>
			<div class="btn" style="margin-top: 2.5rem;" tapmode onclick="unquickLoginBind()">
				<div class="aui-btn aui-btn-block aui-font-size-18">
					取消绑定
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script>
		var vm = new Vue({
			el: '#app',
			data: {
				flag:'',
				name:'',
				nickname:''
			},

			methods: {
				tapindex: function() {

				}
			}
		})
		apiready = function() {
			$api.fixStatusBar($api.byId('aui-header'))
			var data = $api.getStorage('jiechuinfo').flag
			var wx_username = $api.getStorage('jiechuinfo').wx_username
			if (data=='wx') {
				vm.flag = 'wx';
				vm.name = '微信';
				vm.nickname = wx_username
			}
			if (data=='qq') {
				vm.flag = 'qq';
				vm.name = 'QQ';
				vm.nickname = data.qq_username
			}
			if (data=='sina') {
				vm.flag = 'sina';
				vm.name = '新浪微博';
				vm.nickname = data.sina_username
			}
		};
		function unquickLoginBind(){
			get_data('api/Login/unquickLoginBind',{
				token:$api.getStorage('token'),
				flag:vm.flag
			},function(ret){
				toast(ret.msg)
				if (ret.status) {
					send_event('mobile_change')
					delay_close()
				}
			})
		}
	</script>
</html>
